.top {
    position: absolute;
    height: 50px;
    width: 100%;
    top: 0px;
    background-color: #262622;
    .mpass-logo {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        display: -webkit-flex;
        .main-img{
            display: flex;
            display: -webkit-flex;
            margin-left: 10px !important;
            padding-top: 5px !important;
            img{
                height: 40px;
            }
            .main-title {
                margin-left: 3px !important;
                font-style: normal;
                font-weight: 400;
                color: white;
                font-size: 24px;
            }
        }
        
        div{
            cursor: pointer;
            margin-left: 34px;
            height: 100%;
            color: #bbbbbb;
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
        }

        .top-navi{
            padding-top: 14px;
        }
        .top-navi:hover{
            color: #2684ff;
        }
        .drop{
            position: absolute;
            right: 8%;
        }
    }
}
.navi-dropdown{
    color: #bbbbbb;
}
.navi-dropdown:hover{
    color: #2684ff;
}
.drop-bg{
    width: 100px;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 5px;
    background-color: #262622;
    a{
        color: #bbbbbb;
    }
}
.menu-li{
    height: 28px;
    line-height: 28px;
    width: 100px;
}
.menu-li > a:hover{
    color: #2684ff;
}